import { Component } from 'react'
import { View, Text, Button, Image } from '@tarojs/components'
import './head.less'
import Top from './top'
import Activity from './activity'

export default class Head extends Component {
    constructor(){
        super(...arguments)
        this.state={
            "store":{
                title:"川湘居",
                content:"欢迎光临，很高兴为您服务~",
                tags:["味道赞","分量足","主食不错"]
            }
        }
    }
  render () {
    let {store}=this.state;
    return (
      <View className='head'>
          <Top></Top>
          <Image className='back' src={require("../../images/back.png")}></Image>
          <View className='store'>
              <Image className='store_image' src={require("../../images/2.png")}></Image>
              <View className='store_info'>
                  <Text className='title'>{store.title}</Text>
                  <Text className='content'>{store.content}</Text>
                  <View className='tags'>
                      {store.tags.map((item,index)=>{
                          return <Text className='text' key={index}>{item}</Text>
                      })}
                  </View>
              </View>
          </View>
          <Activity></Activity>
      </View>
    )
  }
}
